:root {
    --innerbkgd: #E8F3FE;
    --innerfont: Consolas, Monaco, 'Lucida Console', monospace;
    --outerfont: 'Lucida Sans', sans-serif;
    --slightbold: 510;
    --slightspaced: 125%;
	--slighttight: 80%;
}
a, u {
	color: black;
	text-decoration: none;
}
a.external {
	color: darkblue;
	font-weight: bolder;
	text-decoration: none;
}
a.external: after {
	content: url('../images/jump_out.png'); /* new page icon */
	display: inline-block;
	margin: 0px 0px 0px 0px;
	transform: scale(.6);
	vertical-align: middle;
}
a.internal {
	color: darkblue;
	font-weight: bolder;
	text-decoration: none;
}
.active, .collapsible: hover {
	background-color: transparent;
}
body {
	padding-left: 12%;
	padding-right: 12%;
}
.body_header {
	color: darkblue;
	font-family: var(--outerfont);
	font-size: 137%;
	font-weight: bold;
}
.body_text {
	font-family: var(--innerfont);
	font-size: 100%;
	font-weight: var(--slightbold);
	line-height: var(--slightspaced);
}
button {
	font-family: var(--innerfont);
	font-size: 100%;
	font-weight: var(--slightbold);
}
.collapsible {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 4px;
	text-align: left;
	width: 100%;
}
.content {
	background-color: transparent;
	display: none;
	font-weight: var(--slightbold);
	line-height: var(--slightspaced);
	overflow: hidden;
	padding: 0 18px;
}
.footer_left {
	font-family: var(--outerfont);
	font-size: 87%;
	line-height: var(--slighttight)
}
.footer_right {
	font-family: var(--outerfont);
	font-size: 87%;
	vertical-align: top;
}
.main_text {
    background-color: var(--innerbkgd);
}
.media {
	font-family: var(--outerfont);
	font-size: 87%;
}